<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Chapter 1: Young and Useless</title>

<link rel="shortcut icon" href="images/2reading.gif">
<link href="foti.css" rel="stylesheet" type="text/css">

<style type="text/css">

#canvas {
	margin: 10px auto 0 auto;
	border: 5px double #aa9e8c;
	background-image: url("images/ch1/brush.gif");
}

#bg {display: none;}


</style>

</head>

<body>

	<h1>Figment of the Imagination</h1>
	<h2>Chapter 1: Young and Useless</h2>
	<h2>Scene 1: Evening Routine</h2>


<center><img src="images/line divider.png" width=800 style="opacity: .7;"></center>

<div id="content">

<center><canvas id="canvas" width=800 height=600></canvas></center>

<center><img src="images/photo.png" width=800 style="margin:-4px 0 0 0;"></center>

<div id="scenetext">
<p>
It's 9:00 P.M., almost time for bed. Ada carefully brushed her teeth, assiduously washed her face, and 
eventually changed into her pajamas. She had a long stare at herself in the mirror, an evening routine 
for this teen. "This day is so tiring, I better go to bed. But there's still time for a night selfie!"
</p>

<center><img src="images/line divider.png" width=800 style="opacity: .7;"></center>
	
</div>

<div align="center" style="padding-bottom: 30px;">
<a href="Chapter1.jsp" title="Back to Preview"><button id="button">BACK</button></a>
<a href="tableofcontent.jsp" title="Back to Table of Contents"><button id="button2">TABLE OF CONTENTS</button></a>
<a href="Chapter1Scene2.jsp" title="Night Selfie"><button id="button">NEXT</button></a>
</div>

</div>


</body>
</html>

